<!DOCTYPE html>
<html lang="en">
<head>
	<title>sport activity</title>

	<!-- Meta Tags -->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta name="author" content="Webestica.com">
	<meta name="description" content="Booking - Multipurpose Online Booking Theme">

	<!-- My js -->
	<!--<script th:src="@{/static/plug/my.js}"></script>-->

	<script th:src="@{/plug/jQuery-2.1.4.min.js}"></script>
	<script>
	let ctx = window.location.origin;
	
	</script>

	<!-- Favicon -->
	<link rel="shortcut icon" th:href="@{/admin_assets/images/favicon.ico}">

	<!-- Plugins CSS -->
	<link rel="stylesheet" type="text/css" th:href="@{/admin_assets/vendor/font-awesome/css/all.min.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/admin_assets/vendor/bootstrap-icons/bootstrap-icons.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/admin_assets/vendor/overlay-scrollbar/css/overlayscrollbars.min.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/admin_assets/vendor/apexcharts/css/apexcharts.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/admin_assets/vendor/flatpickr/css/flatpickr.min.css}">

	<!-- Theme CSS -->
	<link rel="stylesheet" type="text/css" th:href="@{/admin_assets/css/style.css}">
	
	<!-- My Plugins CSS -->
	<link rel="stylesheet" type="text/css" th:href="@{/plug/bootstrap-table/bootstrap-table.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/plug/datapicker/bootstrap-datetimepicker.min.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/plug/file-upload/index.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/plug/layer/css/layer.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/plug/select2/select2.min.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/plug/select2/select2-bootstrap.min.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/plug/timepicker/bootstrap-timepicker.min.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/plug/wangEditor/style.css}">
	
	<!-- My Plugins JS -->
	<script th:src="@{/plug/jquery.cookie.min.js}"></script>
	<script th:src="@{/plug/bootstrap-table/bootstrap-table.js}"></script>
	<script th:src="@{/plug/datapicker/bootstrap-datetimepicker.js}"></script>
	<script th:src="@{/plug/file-upload/index.js}"></script>
	<script th:src="@{/plug/layer/layer.min.js}"></script>
	<script th:src="@{/plug/select2/select2.js}"></script>
	<script th:src="@{/plug/timepicker/bootstrap-timepicker.js}"></script>
	<script th:src="@{/plug/validate/jquery.validate.min.js}"></script>
	<!--<script th:src="@{/plug/wangEditor/wangEditor.min.js}"></script>-->
	<script th:src="@{/plug/wangEditor/index.js}"></script>
	<style>
		.error {
			color: orangered
		}
	</style>
</head>

<body>

<!-- **************** MAIN CONTENT START **************** -->
<main>

	<!-- Sidebar START -->
	<nav class="navbar sidebar navbar-expand-xl navbar-light" th:fragment="content">
		<!-- Navbar brand for xl START -->
		<div class="d-flex align-items-center">
			<a class="navbar-brand" th:href="@{/}">
				<img class="light-mode-item navbar-brand-item" th:src="@{/admin_assets/logo.svg}" alt="logo">
			</a>
		</div>
		<!-- Navbar brand for xl END -->
	
		<div class="offcanvas offcanvas-start flex-row custom-scrollbar h-100" data-bs-backdrop="true" tabindex="-1" id="offcanvasSidebar">
			<div class="offcanvas-body sidebar-content d-flex flex-column pt-4">
	
				<!-- Sidebar menu START -->
				<ul class="navbar-nav flex-column" id="navbar-sidebar">
	
					<!-- Menu item -->
					<li class="nav-item"><a th:href="@{/admin/account}" class="nav-link nav-link-a">Admin Info</a></li>
					<li class="nav-item"><a th:href="@{/admin/data}" class="nav-link nav-link-a">Data</a></li>
	
					<!-- Title -->
					<li class="nav-item ms-2 my-2">Pages</li>
	 
					<!-- Menu item -->
					<li class="nav-item"> <a class="nav-link nav-link-a" th:href="@{/admin/coach}">Coach Manage</a></li>
					<li class="nav-item"> <a class="nav-link nav-link-a" th:href="@{/admin/course}">Course Manage</a></li>
					<li class="nav-item"> <a class="nav-link nav-link-a" th:href="@{/admin/room}">Room Manage</a></li>
					<li class="nav-item"> <a class="nav-link nav-link-a" th:href="@{/admin/site}">Site Manage</a></li>
					<li class="nav-item"> <a class="nav-link nav-link-a" th:href="@{/admin/sport}">Sport Manage</a></li>
					<li class="nav-item"> <a class="nav-link nav-link-a" th:href="@{/admin/record}">Record Manage</a></li>
					<li class="nav-item"> <a class="nav-link nav-link-a" th:href="@{/admin/law}">Law Manage</a></li>
					<li class="nav-item"> <a class="nav-link nav-link-a" th:href="@{/admin/user}">User Manage</a></li>
					<li class="nav-item"> <a class="nav-link nav-link-a" th:href="@{/admin/admin}">Admin Manage</a></li>
	
				</ul>
				<!-- Sidebar menu end -->
	
				<!-- Sidebar footer START -->
				<div class="d-flex align-items-center justify-content-between text-primary-hover mt-auto p-3">
					<a class="h6 fw-light mb-0 text-body" th:href="@{/admin/logout}" data-bs-toggle="tooltip" data-bs-placement="top" aria-label="Sign out">
						<i class="fa-solid fa-arrow-right-from-bracket"></i> Logout
					</a>
				</div>
				<!-- Sidebar footer END -->
	
			</div>
		</div>
	</nav>
	<!-- Sidebar END -->

	<!-- Page content START -->
	<div class="page-content">

		<!-- Page main content START -->
		<div class="page-content-wrapper p-xxl-1">
			<th:block layout:fragment="content"></th:block>

		</div>
		<!-- Page main content END -->
	</div>
	<!-- Page content END -->

	</main>
<!-- **************** MAIN CONTENT END **************** -->

<!-- Bootstrap JS -->
<script th:src="@{/admin_assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js}"></script>

<!-- Vendor -->
<script th:src="@{/admin_assets/vendor/overlay-scrollbar/js/overlayscrollbars.min.js}"></script>

<!-- apexcharts -->
<script th:src="@{/admin_assets/vendor/apexcharts/js/apexcharts.min.js}"></script>

<!-- flatpickr -->
<script th:src="@{/admin_assets/vendor/flatpickr/js/flatpickr.min.js}"></script>

<!-- ThemeFunctions -->
<script th:src="@{/admin_assets/js/functions.js}"></script>

<!-- common op -->
<script>
	let pathname = window.location.pathname;
	document.querySelectorAll('.nav-link-a')
	.forEach(function(element){
		let href = element.getAttribute('href');
		if(pathname == href){
			element.classList.add("active");
		}
	})
</script>
<!-- page script-->
<th:block layout:fragment="script"></th:block>

</body>
</html>
